.ant-form {
  &.flow {
    .ant-form-item {
      display: flex;
      margin-right: 0;
      margin-bottom: @slick-space-base;
      > .ant-form-item-label {
        width: auto;
        line-height: @input-height-base;
      }
      .ant-form-item-children {
        display: block;
        height: @input-height-base;
      }
      .ant-form-item-control {
        line-height: @input-height-base;
      }
      &.fix {
        .ant-form-item-children {
          height: auto;
        }
      }
    }
    .ant-form-item-control-wrapper {
      flex: 1;
      .ant-calendar-picker {
        width: 100%;
      }
    }

    &.fix-label {
      .ant-form-item {
        > .ant-form-item-label {
          width: 8em;
          text-overflow: ellipsis;
        }
      }
      &.four {
        .ant-form-item {
          > .ant-form-item-label {
            width: 6em;
          }
        }
      }
    }
  }
}

.cube-form-tooltip {
  .ant-form-item {
    margin-bottom: 12px;
  }
  .ant-form-explain {
    position: absolute;
    z-index: 10000;
    padding: 3px 7px;
    background: @error-color !important;
    border-radius: 2px;
    opacity: 0;
    // display:none;
    transition: all 0.3s @ease-out;
    animation-name: none !important;
  }
  .has-error .ant-form-explain {
    top: -50%;
    color: #fff !important;
  }

  .has-error .ant-form-explain::after {
    position: absolute;
    bottom: -5px;
    left: 10px;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    border-top-color: @error-color;
    content: '';
  }

  .ant-form-item-control.has-error:hover .ant-form-explain {
    top: -@input-height-base - 9;
    opacity: 1;
    // display:block;
  }
}
